<template>

  <div>

    <div id="page">

      <header id="gtco-header" class="gtco-cover gtco-cover-xs" role="banner"
              style="background-image:url(static/images/img_bg_1.jpg);">
        <div class="overlay"></div>
        <div class="gtco-container">
          <div class="row">
            <div class="col-md-8 col-md-offset-2 text-center">
              <div class="display-t">
                <div class="display-tc">
                  <h1 id="ac" name="2" class="animate-box fadeInUp animated-fast" data-animate-effect="fadeInUp">家长监护</h1>
                  <h2 class="animate-box fadeInUp animated-fast" data-animate-effect="fadeInUp"></h2>
                </div>
              </div>
            </div>
          </div>
        </div>
      </header>


    </div>



    <div class="gtco-section border-bottom">
      <div class="gtco-container">
        <div class="row animate-box fadeInUp animated-fast">
          <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
            <h2>工程体系</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <p>“网络游戏未成年人家长监护工程”是一项由国内网络游戏企业共同发起并参与实施，由中华人民共和国文化部指导，旨在加强家长对未成年人参与网络游戏的监护，引导未成年人健康、绿色参与网络游戏，和谐家庭关系的社会性公益行动。它提供了一种切实可行的方法，一种家长实施监控的管道，使家长纠正部分未成年子女沉迷游戏的行为成为可能。 </p>
                <p>该项社会公益行动充分反映了中国网络游戏行业高度的社会责任感，对未成年玩家合法权益的关注及对用实际行动营造和谐社会的愿望。</p>
                <p>
                  “家长监护机制”是尚游在这一公益行动中，针对目前未成年人缺乏自控及自律能力，容易陷入沉迷；少数监护人缺少时间照顾未成年人，不能及时监督未成年人游戏时间的现状，而推出的一种可由家长实施监控，纠正部分未成年子女沉迷游戏的保护机制。
                </p>
              </div>
            </div>
          </div>


          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>《未成年人健康参与网络游戏提示》</h4>
                <p>随着网络在青少年中的普及，未成年人接触网络游戏已经成为普遍现象。为保护未成年人健康参与游戏，在政府进一步加强行业管理的前提下，家长也应当加强监护引导。为此，我们为未成年人参与网络游戏提供以下意见： </p>
                <p>一、主动控制游戏时间。游戏只是学习、生活的调剂，要积极参与线下的各类活动，并让父母了解自己在网络游戏中的行为和体验。
                  <br>
                  二、不参与可能耗费较多时间的游戏设置。不玩大型角色扮演类游戏，不玩有PK类设置的游戏。在校学生每周玩游戏不超过2小时，每月在游戏中的花费不超过10元。
                  <br>
                  三、不要将游戏当作精神寄托。尤其在现实生活中遇到压力和挫折时，应多与家人朋友交流倾诉，不要只依靠游戏来缓解压力。
                  <br>
                  四、养成积极健康的游戏心态。克服攀比、炫耀、仇恨和报复等心理，避免形成欺凌弱小、抢劫他人等不良网络行为习惯。
                  <br>
                  五、注意保护个人信息。包括个人家庭、朋友身份信息，家庭、学校、单位地址，电话号码等，防范网络陷阱和网络犯罪。
                  <br>
                </p>
              </div>
            </div>
          </div>

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>家长监护服务说明： </h4>
                <p>家长监护系统充分考虑家长的实际需求，当家长发现自己的孩子玩游戏过于沉迷的时候，由家长提供合法的监护人资质证明、游戏名称账号、以及家长对于限制强度的愿望等信息，可对处于孩子游戏沉迷状态的账号采取几种限制措施，解决未成年人沉迷游戏的不良现象，如限制未成年人每天玩游戏的时间区间和长度，也可以限制只有节假日才可以游戏，或者完全禁止。 </p>
              </div>
            </div>
          </div>

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>家长监护服务进度查询： </h4>
                <p>如果您已经申请家长监护服务，在服务期间，当您对需要提交的信息、处理结果有疑问，或者其他任何问题，您均可以在工作时间联系我们，我们将由专门负责的受理专员为您提供咨询解答服务，或者配合、指导您解决问题。 </p>
              </div>
            </div>
          </div>

        </div>


        <div class="row animate-box fadeInUp animated-fast">
          <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
            <h2>服务申请</h2>
          </div>
        </div>

        <img class="sw animate-box" style="width: 100%;padding: 2em;border: 1px solid #ddd;border-radius: 10px" src="static/img/jz-process.jpg" alt="申请流程">

        <div class="row">

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <br>
                <br>
                <h4>流程介绍详细说明： </h4>
                <p>护人提出申请在监护人发现被监护人有沉溺网页游戏的情况下，监护人可向游家公司申请发起未成年人家长监护机制。 　监护人需亲自通过邮寄方式 向我司提供有效材料，向游家公司提出未成年人账户监控的申请。在收到邮件后，我司即开始启动监护机制审核流程，首先进入疑似账号身份确认期。</p>
                <p>疑似账号身份确认期（15 个自然日）</p>
                <p>在判断申请材料完整的情况下，我司将通过官方邮箱联系疑似帐号归属者，告知其在 15 个自然日内将按照监护人需求对其账号进行相关操作，并要求疑似账号归属者提供身份材料以便我司判定其与监护人监护关系； 若疑似账号归属者在 15 个自然日内不能提供有效身份证明或逾期提供，则默认为疑似账号归属者与被监护人身份相符。我司即按照监护人申请要求，对其游戏账号纳入防沉迷系统；</p>
                <p>若疑似账号归属者在 15 个自然日内提供的身份证明与被监护人相符，我司即按照监护人申请要求，对其游戏账号纳入防沉迷系统； </p>
                <p>若疑似账号归属者在 15 个自然日内提供的身份证明与被监护人不符，我司则无法判定其与被监护人的身份关系。在此情况下，为保障用户游戏账号安全，我司将通知监护人通过公安机关出具账号找回协查证明，由我司协助被监护人找回游戏账号后再进行后续操作；</p>
              </div>
            </div>
          </div>


        </div>


        <div class="row animate-box fadeInUp animated-fast">
          <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
            <h2>表单下载</h2>
          </div>
        </div>

        <div class="row">

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <a href="jz.doc">附件表一：监护人信息表时书</a>
                <br>
                <a href="bj.doc">附件表二：被监护人信息表明书</a>
                <br>
                <a href="jh.docx">附件表三：家长监护申请书</a>
                <br>
                <a href="ys.rar">打包下载：打包下载全部</a>
              </div>

            </div>
          </div>


        </div>



      </div>
    </div>







  </div>


</template>

<script>
  export default {
    name: 'main',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  body {
    overflow-x: -webkit-paged-y;
  }

  hr {
    color: #bbb;
  }

  h1, h2 {
    font-weight: normal;
  }

  ul.partnerQY {
    list-style-type: none;
    padding: 0;
  }

  .partnerQY li {
    display: inline-block;
    margin: 0 10px;
  }

  a {
    color: #42b983;
  }

  div.li {
    padding-top: 84px;
    padding-bottom: 84px;
    border-bottom: 1px solid #bbb;
  }

  .li img {
    display: inline-block;
    display: -webkit-inline-box;
  }

  .li h4 {
    color: #5895f1;
    font-size: 24px;
    line-height: 1;
    margin-top: 48px;
  }

  .li p {
    font-size: 18px;
    line-height: 26px;
  }

  div.end {
    border-bottom: none;
  }

  .hed {
    margin-top: 5rem;
  }

  .hed h3 {
    font-size: 24px;
    color: #000;
  }

  .hed p {
    font-size: 18px;
    color: #aaa;
  }

  .advList {
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
  }

  .advList li {
    margin: 2em 2em;
    cursor: pointer;
    border-radius: 8px;
    float: left;
    min-width: 200px;
    height: 260px;
    background: #f2f2f2;
    transition: all .6s;
  }

  .advList li:hover {
    transform: scale(1.1);
    box-shadow: 0px 5px 8.6px 1.4px rgba(67, 67, 67, 0.3);
  }

  .advList li img {
    padding: 22px 0;
    display: inline-block;
    margin: 0 auto;
  }

  .advList li h4 {
    font-size: 20px;
    font-weight: 600;
  }

  .advList li p {
    font-size: 16px;
    line-height: 20px;
  }

  .partnerQY {
    overflow: hidden;
  }

  .partnerQY img {
    width: 100%;
  }

  .partnerQY li {
    margin: 20px 0px;
    padding: 16px 20px;
  }

  .partnerQY li:hover {
    cursor: pointer;
    box-shadow: 5px 5px 8px rgba(67, 67, 67, 0.3) inset, -5px -5px 8px rgba(67, 67, 67, 0.3) inset;
  }

  .partnerQY li img {
    display: inline-block;
    margin: 0 auto;
  }

</style>
